//滚动条
.scrollBar{
    position: absolute;
    &:before{
        content: '';
        display: block;
        background-color: #eee;
        width: 100%;
        height: 100%;
        opacity: .5;
    }
    .scrollBtn{
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        background-color: #666;
        border-radius: 100px;
        border: 0;
        opacity: .5;
    }
    &.vertical{
        width: 10px;
        top: 0;
        right: 0;
        bottom: 0;
        //padding-left: 20px;
        .scrollBtn{
            /*width: 100%;
            right: 0;*/
        	width: 8px;
            left: 1px;
            min-height: 5px;
        }
    }
    &.horizontal{
        height: 10px;
        left: 0;
        right: 0;
        bottom: 0;
        //padding-top: 20px;
        .scrollBtn{
            /*height: 100%;
            bottom: 0;*/
        	top: 1px;
        	height: 8px;
            min-width: 5px;
            transition: .3;
        }
    }
}

